<h2 class='shrink-bottom'>Contact</h2>
<div id='main-form-info' class='shrink-top'>N'hésitez pas à prendre contact avec nous en remplissant le formulaire ci-dessous</div>
<div id='main-form-content'>
	{{contact}}
	<div id='cache-info'><br>
		<span class='red-required cache'>*</span> : champs indispensables
		<br>
		<span class='green-optional cache'>*</span> : merci de compléter l'un ou l'autre (ou les deux)
	</div>
</div>

<script type="text/javascript">
$(document).ready(function(){
	$("#lastname-element").focus();
});

$('#main-form-contact').submit(function(){
	$('#cache-info').hide();
	$('#main-form-contact').fadeOut('slow', function(){
		$('#main-form-contact').before('<img id="main-ajax-loader" src="{{baseurl}}global/img/contact/ajax-loader.gif">');
		url='{{baseurl}}contact';
		var request = $.ajax({
			type : 'POST',
			url: url,
			cache: false,
			data: $('#main-form-contact').serialize(),
			success: function(html){
				if(html=='true'){
					$('#main-ajax-loader').remove();
					$('#main-form-info').html('Demande envoyée');
					$('#main-form-info').css({backgroundColor : 'green', color : 'white', border : '1px dotted white'});
					$('#main-form-contact').html("La demande a été soumise. Nous vous répondrons dans les meilleures délais");
					$('#main-form-contact').fadeIn('slow');
				}else{
					$('#main-ajax-loader').remove();
					$('#main-form-contact').fadeIn('slow');
					$('#main-form-info').html('Formulaire invalide');
					$('#main-form-info').css({backgroundColor : 'red', color : 'white', border : '1px dotted white'});
					$('#cache-info').show();
				}
			}
					
			});
		request.fail(function(jqXHR, textStatus){
		alert("Une erreur s'est produite\nveuillez nous excuser pour la gène occasionnée\nmerci de réessayer plus tard");
		});
	});

	return false;
});
</script>